@import "../../../assets/style/global";

@mixin personItemIcon($item-name) {
  &.#{$item-name} {
    background: url('./images/'+ $item-name +'_icon.png') no-repeat center;
  }
}

.person-content {
    width: 46vw;
    height: 61vh;
  }
.person-line {
    width: 46vw;
    height: 13vh;
    > p {
      margin-top: 13px;
      color: $grayLight;
    }
  }
.person-item {
    padding: 12px 0;
    border-bottom: 1px solid $gray;
    .person-icon {
      position: relative;
      top: 5px;
      left: 0;
      display: inline-block;
      width: 22px;
      height: 24px;
      margin-right: 10px;

      @include personItemIcon(userName);
      @include personItemIcon(name);
      @include personItemIcon(email);
      @include personItemIcon(phone);
      @include personItemIcon(time);
    }
  }


